<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>蓉驿时代科技有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/swiper-4.2.6.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/contact-us.css">
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=NK78GZcGHR7E8hNGtnQYQLFs6slYBasS"></script>
</head>

<body>
<div class="page">
    <!--头部导航-->
    <header class="container-fluid">
        <nav class="navbar navbar-expand-md navbar-light fixed-top">
            <a class="navbar-brand" href="#"><img src="../images/logo.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon navbar-light "></span>
            </button>
            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav w-100">
                    <li class="nav-item">
                        <a class="nav-link" href="../index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="product-show.html">产品展示</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="product-overview.html">产品概述</a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="">联系我们</a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="join-investment.html">招商加盟</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <section class="section-banner">
        <div class="banner-box" style="background-image: url('../images/contactus/cu_banner.jpg')">
            <div class="container">
                <p class="title">Contact us</p>
                <div class="sub-title ">联系我们</div>
                <div class="line "></div>
            </div>
        </div>
    </section>
    <section class="section-address">
        <div class="container">
            <div class="row">
<!--                <div class="address-box">-->
                    <div class="desc col-md-6">
                        <img class="logo" src="../images/contactus/cu_logo.png" alt="">
                        <div class="name">蓉驿时代科技有限公司</div>
                        <div class="nameEnglish">Rongyishidai Technology Co., Ltd</div>
                        <div class="contact-info">
                            <img src="../images/contactus/cu_icon_tel.png" alt="">
                            <text>咨询热线：028-64746922</text>
                        </div>
                        <div class="contact-info">
                            <img src="../images/contactus/cu_icon_phone.png" alt="">
                            <text>联系电话：18080820822</text>
                        </div>
                        <div class="contact-info">
                            <img src="../images/contactus/cu_icon_address.png" alt="">
                            <text>地址：四川省成都市龙泉驿区洪安镇</text>
                        </div>
                        <div class="contact-info">
                            <img src="../images/contactus/cu_icon_yb.png" alt="">
                            <text>邮编：610100</text>
                        </div>
                        <div class="contact-info">
                            <img src="../images/contactus/cu_icon_email.png" alt="">
                            <text>邮箱：rongyishidai@aliyun.com</text>
                        </div>
                    </div>
                    <div class="map col-md-6">
                        <div style="width: 100%;height: 100%" id="allmap"></div>
                        <!--<img src="https://fakeimg.pl/1920x600/" alt="">-->
                    </div>
<!--                </div>-->
            </div>

        </div>
    </section>
    <!--页脚-->
    <footer>
        <div class="container">
            <div class="row">
                <p class="text col-md-6">
                    © 2019-07-02. 蓉驿时代科技有限公司Adobe<br>
                    Systems Incorporated. All rights reserved.
                </p>
                <div class="icon-wrap col-md-6">
                    <div class="item">
                        &#xe7e5;
                    </div>
                    <div class="item">
                        &#xe6af;
                    </div>
                    <div class="item">
                        &#xf0105;
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<script src="../js/jquery.slim.min.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>-->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-4.2.6.min.js"></script>
<script src="../js/index.js"></script>
<script>
    // 百度地图API功能
    var map = new BMap.Map("allmap",{zoom:4});

    var companyList = {
        chengdu:{
            mobile:'028-86199528',
            lat: 104.288774,
            lng: 30.709812,
            email: 'sichuangjianzhu@sina.com',
            url:'https://map.baidu.com/poi/%E7%BB%BF%E5%9C%B0%E4%B9%8B%E7%AA%972%E5%8F%B7%E5%8A%9E%E5%85%AC%E6%A5%BC/@11584677.085,3553652.73,19z?uid=e24f14d6487580d5b6f42fbf&info_merge=1&isBizPoi=false&ugc_type=3&ugc_ver=1&device_ratio=2&compat=1&querytype=detailConInfo&da_src=shareurl'
        }
    };

    setPoint(companyList.chengdu.lat,companyList.chengdu.lng,companyList.chengdu.url)
    function setPoint(lat,lng,url) {
        map.clearOverlays();
        var point = new BMap.Point(lat,lng);
        map.centerAndZoom(point, 17);
        var myIcon = new BMap.Icon("../images/dz.png", new BMap.Size(300,157));
        var marker = new BMap.Marker(point,{icon:myIcon});  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        var label = new BMap.Label("<a class='tips' href="+url+" target='_blank'><div class='tips'>蓉驿时代</div></a>",{offset:new BMap.Size(50,8)});
        marker.setLabel(label);
        setTimeout(function(){$(".BMap_Marker.BMap_noprint").remove();},500)
    }
</script>
</body>
</html>